<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<style>
    td > ul {
        margin-left: 0;
        padding-left: 16px;
    }
</style>

<!-- row -->
<div class="row">
    <article class="col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
        <!-- Widget ID (each widget will need unique ID)-->
        <div class="jarviswidget well" id="wid-id-3" data-widget-colorbutton="false" data-widget-editbutton="false"
             data-widget-togglebutton="false" data-widget-deletebutton="false" data-widget-fullscreenbutton="false"
             data-widget-custombutton="false" data-widget-sortable="false">
            <!-- widget options:
            usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

            data-widget-colorbutton="false"
            data-widget-editbutton="false"
            data-widget-togglebutton="false"
            data-widget-deletebutton="false"
            data-widget-fullscreenbutton="false"
            data-widget-custombutton="false"
            data-widget-collapsed="true"
            data-widget-sortable="false"

            -->
            <header>
                <!--<span class="widget-icon"> <i class="fa fa-comments"></i> </span>-->
                <!--<h2>Default Tabs with border </h2>-->
                <!-- RIBBON -->

            </header>

            <!-- help div-->
            <div>
                <!-- title-->
                <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 semi-bold">
                        <h1><spring:message code="HELP_TITLE"/></h1>
                        <hr size="simple">

                        <div class="row">
                            <!-- first title Summary-->
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <h2><spring:message code="HELP_TITLE0"/></h2>
                                <h4><spring:message code="HELP_TITLE1"/></h4>
                                <span><spring:message code="HELP_CONTENT"/></span>
                                <br>
                                <hr class="simple">
                            </div>
                            <!--end-->

                            <!--second title Use process-->
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <h2><spring:message code="HELP_TITLE2"/></h2>
                                <p>The operation flow of ispc.</p>
                                <hr class="simple">

                                <!--2.1-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_1"/></h3>
                                    <p>Enter the system login page.Please enter the user name and password to log on in the page. The default administrator account for the system is admin/admin123.</p>
                                    <br>
                                    <img src="img/help/1_1.png" width=550 height=300>
                                    <hr class="simple">
                                </div>
                                <!--end 2.1-->

                                <!--2.2-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_2"/></h3>
                                    <p>To maintain the basic information of the project, including creating, modifying, deleting, and configuring the project parameters, all the test data collected by the system must be attached to a project.</p>
                                    <hr class="simple">
                                    <ul>
                                        <li><h4>Project list</h4>
                                            <img src="img/help/2_1.png" width=550 height=300>
                                            <hr class="simple">
                                        <li><h4>New project information</h4>
                                            <p>Creating a project is divided into 5 steps:</p>
                                            <hr class="simple">
                                            <dl type=1 start=value>
                                                <dt>1 Basic Info<dd>Basic information of the project.
                                                <dt>2 Chart Grouping Number<dd>Chart group setting. You can set the number of data for a group.The default group, the square root of N integer upwards.
                                                <dt>3 CP Warning Rule<dd>Set the configuration parameters for this project CPWarningRule.
                                                <dt>4 Control Chart Warning Rule<dd>Set the configuration parameters for this project control chart warning rule.
                                                <dt>5 Save<dd>Save project information.The project was successfully added!
                                            </dl>
                                            <img src="img/help/2_2.png" width=550 height=300>
                                            <hr class="simple">
                                        <li><h4>Modify the project</h4>
                                            <p>Modify a project is similar to add a project.The project parameters that has been created can be modified.And click on the Detail link to view the information about the project.</p>
                                            <br>
                                            <img src="img/help/2_7.png" width=500 height=550>
                                            <hr class="simple">
                                    </ul>

                                </div>
                                <!--end 2.2-->

                                <!--2.3-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_3"/></h3>
                                    <ol>
                                        <li>This module is in "System/Data Import".Click on the menu and then you can import test data into the project.</li>
                                        <li>Select the data file you need to import.</li>
                                        <li>Select any item in the system.</li>
                                        <li>Click "Start Import" to import.</li>
                                    </ol>
                                    <p>File formats Support the csv, xls, xlsx format yet.And you can click on the "View Import History" to view the history information.</p>
                                    <br>
                                    <img src="img/help/3_1.png" width=550 height=300>
                                    <hr class="simple">
                                </div>
                                <!--end 2.3-->

                                <!--2.4-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_4"/></h3>
                                    <ol>
                                        <li>Click on the SPC module on the left menu.</li>
                                        <li>Select the items,station,slot and other conditions you need to count in the query condition.</li>
                                        <li>Click the query button.</li>
                                        <li>Select the "leaf" button on the right side of the page,then select test items, the system will carry out data statistics</li>
                                    </ol>
                                    <br>
                                    <img src="img/help/4_1.png" width=550 height=300>
                                    <hr class="simple">
                                </div>
                                <!--2.4-->

                                <!--2.5-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_5"/></h3>

                                    <ul>
                                        <li><h4>1 Historical record</h4></li>
                                        <ol>
                                            <li>Select the items,station,slot and other conditions in the query condition.,then click the query button to carry out data statistics.
                                            <li>Click on the serial number of each test item to view the Station information,and through the Station number,you can view all the test items which pass through this Station.
                                        </ol>
                                        <img src="img/help/5_2.png" width=550 height=300>
                                        <li><h4>2 Yield statistics</h4></li>
                                        <p>Click on the "Yield" in the Statistics menu to check the statistics of the yield.</p>
                                        <ol>
                                            <li>Enter the query conditions in the search area, such as projects, etc.,then click the query button to carry out statistical query.
                                                The system will list the corresponding statistical results, including the first pass rate of test items, the first abnormal rate and so on.</li>
                                            <li>Click on the link to view details
                                        </ol>
                                        <img src="img/help/5_6.png" width=550 height=300>
                                    </ul>
                                    <br>
                                    <hr class="simple">
                                </div>
                                <!--2.5-->

                                <!--2.6-->
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                    <h3><spring:message code="HELP_TITLE2_6"/></h3>
                                    <p>System management mainly includes User management, Role management, Authorization management, Data importing, Email configuration and so on.</p>
                                    <ul>
                                        <li><h4>User management</h4>
                                            <p>You can maintain the basic information for system users,assign roles to users or other operations.</p>
                                            <dt>1 User searching<dd>You can enter the corresponding query conditions and click the query button to search data in the search area.
                                            <dt>2 New user<dd>Add a new user to the system,then fill in the appropriate information and save.
                                                <img src="img/help/6_2.png" width=550 height=300>
                                            <dt>3 Edit user<dd>Edit the content of a user by clicking on the "edit" link in the user query page.
                                                <img src="img/help/6_3.png" width=550 height=300>
                                            <dt>4 Reset user password<dd>Click on the "re-password" link to reset,then confirm the "Yes" in the prompt box .The system will reset the user's password, and send a mail to the user's mailbox.
                                                (The function of sending mail needs to configure the Email information, please refer to the Email configuration section.)
                                                <img src="img/help/6_4.png" width=550 height=300>
                                            <dt>5 Assign role<dd>Click on the "role" link to assign role for user.In the expansion of the role of the panel, the above is a role which can be assigned, the following is the role which you already have, you can achieve increase and decrease the operation through the "+" and "-" button.
                                                <img src="img/help/6_5.png" width=550 height=300>
                                            <li><h4>Role management</h4>
                                            <p>Role management can maintain all the roles in the system,you can specify search conditions in the search area,then click the search button to search information.</p>
                                            <dt>1 Edit user<dd>Click on the "edit" link to enter the edit page.Then you can modify the basic information of the role.
                                                <img src="img/help/6_7.png" width=550 height=300>
                                            <dt>2 Delete character<dd>When you click on the "delete" link ,system will prompt you "Are you sure to delete your role?",you can click on the confirmation to delete the role.
                                                <img src="img/help/6_8.png" width=550 height=300>
                                        <li><h4>Permission Setting</h4>
                                        <p>Specify permissions for the role of the system in the Permission Settings</p>
                                        <img src="img/help/6_9.png" width=550 height=300>
                                        <li><h4>Alarm rule</h4>
                                        <p>This table shows CP Warning rules and Control chart warning rules of system.In this model,you can edit system this parameters</p>
                                        <p>In the Alarm rule module, you can configure the system default warning rule information, and the new project will use this rule by default.</p>
                                        <img src="img/help/6_10.png" width=550 height=300>
                                        <li><h4>Email configuration</h4>
                                        <p>Email settings, you can store multiple configuration information for email services, but the same time just one can be activated to use.</p>
                                        <p>New email service configuration.</p>
                                        <img src="img/help/6_13.png" width=500 height=550>
                                        <hr class="simple">
                                    </ul>

                                </div>
                                <!--2.6-->
                            </div>
                            <!--end second title-->

                        </div>
                    </div>
                    <!-- main title help-->

                </div>

            </div>
            <!-- end help div -->
        </div>
        <!-- end help -->
    </article>

</div>
<!-- end row -->

<script type="text/javascript">

    appendBreadCrumb("help", $.i18n.prop('HELP_TITLE'));

    function OnClickDiv(DivId)
    {
        if(document.all[DivId].style.display=='none')
        {document.all[DivId].style.display='';}
        else
        {document.all[DivId].style.display='none';}
        return 0;
    }
</script>


</body>

</html>